<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

<script>
(function(){var a=document.querySelector('html'),b=a.offsetWidth>640?640:a.offsetWidth;a.style.fontSize=Math.ceil(b/750*32) + 'px';})();
</script>
<style>
body,html{font:400 1rem/1.2 'SimHei','Microsoft Yahei',Verdana,sans-serif}body,em,html,img,p,table,td,tr{margin:0;padding:0}body{background-color:#fff}a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}img{vertical-align:middle}.container{width:91%;margin:auto;overflow:hidden;box-sizing:border-box}.tit{width:100%;color:#e33345;font-size:1.2rem;text-align:center;position:relative}.tit:before{content:'';left:0;top:50%;position:absolute;width:100%;height:0;overflow:hidden;border-top:1px #e33345 solid;z-index:1}.tit span{position:relative;z-index:22;display:inline-block;padding:0 1.5rem;background-color:#fff}.process img{display:block;margin:1rem auto .6rem}.process table{width:100%;margin:auto;text-align:center;font-size:.72rem;color:grey}.process table td:nth-child(2){width:37%;padding:0 2%}.process table td:nth-child(3){width:33%}.active_intro{text-align:center}.intro_tit{display:inline-block;margin:1.55rem auto .4rem}.intro_tit:nth-child(1){margin-top:1.1rem}.intro_tit *{float:left;display:inline}.intro_tit em{width:1.18rem;position:relative;top:.2rem}.intro_tit span{height:1.44rem;line-height:1.44rem;font-size:.75rem;color:#fff;padding:0 1.2rem;background-color:#ffbf41;border-left:2px #fff solid;border-right:2px #fff solid}.active_intro p{font-size:.75rem;color:grey}.intro_tita{width:98%;margin:2.2rem auto 2rem;display:table;text-align:center}.intro_tita>*{display:table-cell;float:none;vertical-align:top}.intro_tita span{font-size:.7rem}.phone_area{width:100%;background-color:#e7e7e7;padding:1.8rem 0 0.5rem}.phone_area a{text-align:center;line-height:2.375rem;margin:auto;border-radius:14px;background-color:#e33345;display:block;color:#fff;width:91%;height:2.375rem;box-shadow:0 3px 2px 2px #a92633}.phone_area a img{display:inline-block;width:1.1rem;vertical-align:middle;position:relative;top:-.2rem;margin:0 .2rem}
.down_app{z-index:999;position:fixed;bottom:0;background-color:rgba(0,0,0,1);padding:.625rem 3.4%;font-size:.9rem;color:#fff;display:table;width:100%;box-sizing:border-box;}
.down_app>*{display:table-cell;vertical-align:middle;text-align:center;}
.down_app .app_logo{width:2.375rem;}
.down_app span{text-align:left;text-indent:.3rem;}
.down_app a {background-color:#a61f25;padding:.5rem;border-radius:8px;color:inherit}
</style>
</head>
<body>
	<div class="banner">
		<img src="img/banner.png?t=123a" width='100%' alt="">
	</div>

	<div class="container">
		<div class="tit" style='margin-top:1.5rem;'>
			<span>活动流程</span>
		</div>
		<div class="process">
			<img src="img/icons.png" alt="" width='96%'>
			<table>
				<tr>
					<td>注册APP，上传公司营业执照</td>
					<td>打开滚雷进口车APP选择车辆下单</td>
					<td>最终成交价，首单立减，最高￥20000</td>
				</tr>
			</table>
		</div>
		<div class="tit" style='margin-top:2.5rem;'>
			<span>活动规则</span>
		</div>
		<div class="active_intro">
			<div class="intro_tit">
				<em class='left'><img src="img/icon_l.png" width='100%' alt=""></em>
				<span>活动时间</span>
				<em class='right'><img src="img/icon_r.png" width='100%' alt=""></em>
			</div>
			<p>
				2015年12月20日至2016年2月29日
			</p>
			<div class="intro_tit">
				<em class='left'><img src="img/icon_l.png" width='100%' alt=""></em>
				<span>活动城市</span>
				<em class='right'><img src="img/icon_r.png" width='100%' alt=""></em>
			</div>
			<p>
				全国
			</p>
			<div class="intro_tit">
				<em class='left'><img src="img/icon_l.png" width='100%' alt=""></em>
				<span>活动对象</span>
				<em class='right'><img src="img/icon_r.png" width='100%' alt=""></em>
			</div>
			<p>
				已注册通过的汽车经销商
			</p>
			<div class="intro_tit">
				<em class='left'><img src="img/icon_l.png" width='100%' alt=""></em>
				<span>活动内容</span>
				<em class='right'><img src="img/icon_r.png" width='100%' alt=""></em>
			</div>
			<p style='line-height:1.3'>
				在滚雷进口车APP注册并下单，确认最终成交价，<br/>
				首单立减金额为成交价的1%，最高￥20000.<br/>
				特价车型除外
			</p>
		</div>
	</div>
	<div class="intro_tit intro_tita">
		<em class='left'><img src="img/icon_l.png" width='100%' alt=""></em>
		<span style='padding:0'>本次活动的最终解释权在法律允许范围内归滚雷进口车所有</span>
		<em class='right'><img src="img/icon_r.png" width='100%' alt=""></em>
	</div>
	<div class="phone_area">
		<a href="tel:400-883-8787">咨询电话<img src="img/phone.png" alt="">400-883-8787</a>
	</div>
	<div style='height:8.4rem;background-color:#e7e7e7'></div>
	<div class="down_app box">
        <img src="http://m.gunlei.com/statics/img/app_logo.png" alt="" class="app_logo">
        <span>现在下载，即可参与首单立减</span>
        <div><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.gunlei.dealer" target="_blank">下载APP</a></div>
    </div>
</body>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
// 微信配置
wx.config({
    debug: false, 
    appId: "你的AppID", 
    timestamp: '上一步生成的时间戳', 
    nonceStr: '上一步中的字符串', 
    signature: '上一步生成的签名',
    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 功能列表，我们要使用JS-SDK的什么功能
});
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在 页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready 函数中。
wx.ready(function(){
    // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
    wx.onMenuShareTimeline({
        title: '【首单立减】采购平行进口车，最高立减￥2万', // 分享标题
        link:"分享的url,以http或https开头",
        imgUrl: "分享图标的url,以http或https开头" // 分享图标
    });
    // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
    wx.onMenuShareAppMessage({
        title: '分享标题', // 分享标题
        desc: "分享描述", // 分享描述
        link:"分享的url,以http或https开头",
        imgUrl: "分享图标的url,以http或https开头", // 分享图标
        type: 'link', // 分享类型,music、video或link，不填默认为link
    });
});
</script>
</html>